﻿<ul class="links">
    <li>
        @Html.NavigationLink(Resources.Book, "HomeList", "Book", new { }, new { @id = "books", @i = "icon-book icon-large" })
    </li>
    <li>
        @Html.NavigationLink(Resources.Note, "HomeList", "Note", new { }, new { @id = "notes", @i = "icon-list-alt icon-large" })
    </li>
   @if (!Request.IsAuthenticated && Request.RequestContext.RouteData.Values["controller"].ToString() != "Account")
   {
       <li>@Html.NavigationLink(Resources.SignIn, "LogOn", "Account", new { }, new { @id = "login", @i = "icon-signin icon-large", @modalWidth = "470px", @modalHeight = "510px" })</li>
   }
   else
   {
       <li>@Html.NavigationLink(Resources.AdminSetting, "Home", "Main", new { area = "Admin" }, new { @i = "icon-cogs icon-large" })</li>
       <li>@Html.NavigationLink(Resources.SignOff, "LogOff", "Account", new { area = "", module = "Album" }, new { @id = "logout", @i = "icon-signout icon-large" })</li>       
   }
</ul>

<script type="text/javascript">
    Sys.require(["colorbox", "jQuery"], function () {      
        $('#login').colorbox({ iframe: true, width: "550px", height: "600px" });
    });
</script>